<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Mysql数据库管理中心</title>

		<script type="text/javascript" src="login_files/jquery.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				if (!($.browser.safari || $.browser.mozilla)) {
					$("form").hide();
					$("<div class='error' />").html("<h2>Browser Not Supported</h2>The Treemo Labs Dashboard utilizes cutting-edge browser technologies.<br /><br />We currently only support <ul><li>Firefox (version &gt; 3.5 recommended)</li><li>Safari (version &gt; 3 recommended)</li></ul>").appendTo('#login-content');
				}
			});
		</script>
		<script language="JavaScript" type="text/javascript">
			document.onkeydown = function(evt){
				var evt = window.event?window.event:evt;
				if(evt.keyCode==13)
				{
					document.forms["myForm"].submit();
				}
			}
		</script>

		<style type="text/css">
* {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
	margin: 0;
	pading: 0;
	color: #fff;
	background: url('image/bg-login.png') repeat #1b1b1b;
	font-size: 14px;
	text-shadow: #050505 0 -1px 0;
	font-weight: bold;
}

li {
	list-style: none;
}

#dummy {
	background: url("bg-login-top.png") repeat scroll 0 0 #FFFFFF;
	border-bottom: 3px solid #777973;
	height: 250px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

#dummy2 {
	background: none repeat scroll 0 0 transparent;
	border-bottom: 2px solid #545551;
	height: 252px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

#login-wrapper {
	margin: 0 0 0 -160px;
	width: 320px;
	text-align: center;
	z-index: 99;
	position: absolute;
	top: 0;
	left: 50%;
}

#login-top {
	height: 120px;
	padding-top: 140px;
	text-align: center;
}

label {
	width: 70px;
	float: left;
	padding: 8px;
	line-height: 14px;
	margin-top: -4px;
}

input.text-input {
	width: 200px;
	float: right;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	border: solid 1px transparent;
	color: #555;
	padding: 8px;
	font-size: 13px;
}

input.button {
	float: right;
	padding: 6px 10px;
	color: #fff;
	font-size: 14px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a4d04a),
		to(#459300) );
	text-shadow: #050505 0 -1px 0;
	background-color: #459300;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px transparent;
	font-weight: bold;
	cursor: pointer;
	letter-spacing: 1px;
}

input.button:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a4d04a),
		to(#a4d04a), color-stop(80%, #76b226) );
	text-shadow: #050505 0 -1px 2px;
	background-color: #a4d04a;
	color: #fff;
}

div.error {
	padding: 8px;
	background: rgba(52, 4, 0, 0.4);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: solid 1px transparent;
	margin: 6px 0;
}
</style>
	</head>

	<body id="login">

		<div id="login-wrapper" class="png_bg">
			<div id="login-top">
				<img src="login_files/treemoLabs-logo.png" alt="www.360buy.com"
					title="Powered By www.360buy.com" width="308" height="100">
			</div>

			<div id="login-content">
				<form method="post" action="login.do" id="myForm">
					<p>
						<label>
							Username
						</label>
						<input name="username" class="text-input" type="text">
					</p>
					<br style="clear: both;">
					<p>
						<label>
							Password
						</label>
						<input name="password" class="text-input" type="password">
					</p>
					<br style="clear: both;">
					<p>
						<input class="button" value="Sign In" type="submit" onkeydown="submit()">
					</p>

				</form>
			</div>
		</div>
		<div id="dummy"></div>
		<div id="dummy2"></div>


		<div style="position: absolute; display: none; z-index: 9999;"
			id="livemargins_control">
			<img src="login_files/monitor-background-horizontal.png"
				style="position: absolute; left: -77px; top: -5px;" height="5"
				width="77">
			<img src="login_files/monitor-background-vertical.png"
				style="position: absolute; left: 0pt; top: -5px;">
			<img id="monitor-play-button"
				src="login_files/monitor-play-button.png"
				onmouseover="this.style.opacity=1"
				onmouseout="this.style.opacity=0.5"
				style="position: absolute; left: 1px; top: 0pt; opacity: 0.5; cursor: pointer;">
		</div>
	</body>
</html>